<template>
	
	
	<div class="people_info">
		<div class="header">
			<van-nav-bar
				title="意见反馈"
				right-text=""
				left-arrow
				@click-left="onClickLeft"
				@click-right="onClickRight"
				/>
		</div>
		
		<div class="peole_content">
			<p>
				问题类型
			</p>
			<div class="btn_content_er">
				<van-button type="default" >建议</van-button>
				<van-button type="default" >吐槽</van-button>
				<van-button type="default" >其他</van-button>
			
			</div>
			
			<p>
				反馈内容
			</p>
			
			
			<van-cell-group>
			  <van-field
			    v-model="message"
			    
			    type="textarea"
			    placeholder="请输入意见反馈"
			    rows="1"
			    autosize
			  />
     </van-cell-group>
			
			
			<p>
				联系电话
			</p>
			
			
			<van-cell-group>
			  
			  <van-field
			    v-model="phone"
			  
			    placeholder="请输入手机号"
			   
			  />
    </van-cell-group>
    
    
    
    <van-button type="primary" size="large" class="sub_fankui">提交反馈</van-button>
			
			
			
			
		</div>
		</div>
</template>
<style scoped="scoped">
	.header>>>.van-cell__title{
		  width: 63px !important;
	}
	/*.header>>>.van-field__control{
		height: 12vh;
	}*/
	
	.people_info{
		background: rgb(245,245,245);
	}
	.header >>> .van-cell-group div:nth-child(4){
		 height: 16vh;
	}
	.btn_content_er{
		background: #fff;
		padding: 4vw;
	}
	.peole_content p{
		text-align: left;
    margin-left: 6vw;
    margin: 0;
    padding: 2vw;
    font-size: 12px;
	}
	.btn_content_er{
		display: flex;
		justify-content:space-around;
	}
	.sub_fankui{
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.people_info >>> .van-button--primary{
		 background: #4C9FFD;
	}
</style>
<script>
	
</script>